<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>神毓逍遥主页</title>
    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="{{ url_for('static',filename='back/css/loginin.css') }}" rel="stylesheet">
  </head>

  <body>

    <div class="container">
{#       为什么要添加方法,若不添加或者添加get方法，则输入用户信息后出现
http://127.0.0.1:5000/back/login/?email=liuhu%40qq.com&password=1111111，这一跳转页面有之前视图函数get方法所指定
,设置method为post，登陆界面输入用户信息，则会传给视图函数的post方法执行，返回制定页面#}
      <form class="form-signin" method="post">
        <h2 class="form-signin-heading">请登录</h2>
{#          post方法，input时进行CSRF保护#}
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <label for="inputEmail" class="sr-only">邮箱地址</label>
{#          增加name属性，以便传递信息#}
        <input type="email" id="inputEmail" class="form-control" placeholder="邮箱" name="email"required autofocus>
        <label for="inputPassword" class="sr-only">密码</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="密码"name="password" required>
        <div class="checkbox">
          <label>
{#              将value值设置为1，方便执行判断用户的选择，注意了解如何通过点击实现功能#}
            <input type="checkbox" value="1"name="remember"> 记住密码
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit">立即登录</button>
      </form>
{#        如果直接输入地址登陆，没有message信息，则不应该渲染错误提示，
需要进行判断,若不判断，则前端会显示message的默认值None#}
        {% if message %}
            <p style="text-align: center" class="text-danger">{{ message }}</p>
        {% endif %}
    </div> <!-- /container -->
  </body>
</html>
